<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/fenlei.css">
    <link rel="stylesheet" href="../css/chifanba.css">
    <script src="../js/jquery-1.11.3.min.js"></script>
    <script src="../js/api.js"></script>
    <title>Document</title>
    <style>
                   footer a:nth-of-type(4) {
            position: relative;
        }
        footer a:nth-of-type(4) #num {
            width: .26rem;
            height: .26rem;
            background-color: #fc3d3d;
            color: #fff;
            position: absolute;
            border-radius: 50%;
            top: -.06rem;
            right: .48rem;
            text-align: center;
            line-height: .26rem;
        }
      

    </style>
</head>
<body>
    <header>
        <p>吃饭吧-易果内容频道</p>
        <p id="link"></p>
    </header>
    <main>
        <div id="top">
           <ul>
               <li><img src="../image/chifanba-top01.png" alt=""><p>做美食</p></li>
               <li><img src="../image/chifanba-top02.png" alt=""><p>涨知识</p></li>
               <li><img src="../image/chifanba-top03.png" alt=""><p>生活家</p></li>
           </ul>
        </div>
        <div id="cont1" class="content">
            <div class="contimg">
                <img src="" alt="">
                <div class="looking">👀21143</div>
            </div>
            <h3>端午送礼|带上五芳斋粽子</h3>
            <div class="xinxi">
                <div class="logo"><img src="../image/chifanba-logo01.png" alt=""></div>
                <span>易果君</span>
                <span>2019年05月24日</span>
            </div>
        </div>
        <div id="cont2" class="content">
            <div class="contimg">
                <img src="" alt="">
                <div class="looking"></div>
            </div>
            <h3></h3>
            <div class="xinxi">
                <div class="logo"></div>
                <span>易果君</span>
                <span>2019年05月24日</span>
            </div>
        </div>
    </main>
    <footer>
        <a href="../首页.html">
            <img src="../image/shouye01.png" alt="">
            <span>首页</span>
        </a>
        <a href="./分类.html">
            <img src="../image/fenlei01.png" alt="">
            <span>分类</span>
        </a>
        <a href="./吃饭吧.html">
            <img src="../image/chifanba02.png" alt="">
            <span>吃饭吧</span>
        </a>
        <a href="./购物车.html">
            <img src="../image/gouwuche01.png" alt="">
            <span>购物车</span>
              <div id="num"></div>
        </a>
        <a href="./我的易果.html">
            <img src="../image/wodeyiguo01.png" alt="">
            <span>我的易果</span>
        </a>
    </footer>
    <script src="../js/rem.js"></script>
    <script src="./js/jquery-1.11.3.min.js"></script>
    <script>
       $("body").fadeOut(0);
       $("body").fadeIn(200);  
    </script>
    <script>
        $(".content").click(function(){
            location.href="吃饭吧内容.html";
        })
    
    </script>
</body>
</html>